<!doctype html>
<title>chops-header demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="/elements/chops-header.js"></script>
<style>
  body {
    margin: 0;
    padding: 0;
  }
</style>
<chops-header appTitle="App Title" logoSrc="logo.png">
  <div slot="before-header">
    This is where the hamburger menu goes.
  </div>
  <div slot="subheader">
    Subheader
  </div>
  Main slot of the element. Searchbars and stuff go here.
</chops-header>
